/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px){
    div.iconito.flex_s{
        display: flex !important;
            margin: 0 !important;
            padding: 0 !important;
            text-align: center !important;
            align-items: center;
            justify-content: center;
    }
    body .bg_text {
        left: 5% !important;
        width: 90% !important;
    }
    .timelineBar span:last-child{
        padding-right: 10px
    }
    .border-r:before,
    .border-l:before{display: none}
    .border-x {
        border-left: 0px solid #96979E !important;
        border-right: 0px solid #96979E !important;
    }
    .f14{font-size: 14px !important}
    html body div.title{font-size: 18px !important;line-height: 1.2 !important}
    .text-xs-center{text-align: center;}
    .mobile-off{display: none !important}
    .flex-evenly {
        display: block !important;
        text-align: center;
    }
    ul.icons li a {
        display: block;
        padding: 0 0px !important;
    }
    h1.big_odometer.odometer{font-size: 70px !important}
    ul.icons li {
        padding:0 3px;
        width: 7% !important;
    }
    ul.icons li svg{
width: 95%
    }
    ._header_{
        position: relative !important;
        top:auto !important;
    }
    .text-right{text-align: center !important}
    .row.mb-80{margin-bottom: 40px !important}
    h1._21times_{
        font-size: 73px !important;
        font-weight: bold !important;
    }
    h2 {
        font-size: 18px !important;
        text-transform: uppercase !important;
        line-height: 1.4 !important;
        font-weight: bold !important;
    }
    h2.f60 {
        font-size: 24px !important;
        margin-bottom: 0 !important
    }
    body a.btn.btn-large{
        margin:0 auto !important;
        padding: 10px !important;
        display: block;
        width: 92%;
    }
    h1{font-weight: bolder}
    .ls5{letter-spacing: 0 !important;font-size: 20px !important}
    .height-100:not(.homeloaded){
        height: auto !important;
        padding:80px 0 !important;
    }
    .height-100#next .vertical-align{
        top: 50% !important;
        -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
    }
    .height-100:not(.homeloaded) .vertical-align {
        top: 0% !important;
        -webkit-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }


    .height-100._100,
    .height-100#next{
        height: 100vh !important;
        padding:0 !important;
    }

    .height-100._100 .vertical-align {
        top: 50% !important;
        -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
    }
    .start{display: none}

    ._footer_{position: relative !important;bottom: 0 !important;margin-top: 100px !important}
    h1.odometer{font-weight: bold !important;font-size: 45px !important;margin-bottom: 20px !important}
    body h1.odometer._21times_ {
        font-weight: bold !important;
        font-size: 102px !important;
        margin-bottom: 0px !important;
        line-height: 1 !important;
    }

    section.loading .timelineBar:before {
        display: block !important;
        width: 80%;
        left: 9% !important;
    }
    ._links_baptism{display: none}

    body .swiper-slide.cover-background{background:white !important;}
    body ._13_on{display: none !important}
    body .swiper-pagination {
        display: block !important;
        height: auto !important;
        width: 100% !important;
        border-radius: 0 !important;
        left:auto !important;
    }
    body .swiper-pagination  {
      counter-reset: span;
      color: #D6D6D6 !important;                    /* Set a counter named 'section', and its initial value is 0. */
    }
    body .swiper-pagination span{
        border-radius: 0 !important;
        height: auto !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        border-bottom:1px solid #D6D6D6 !important;
        width: auto !important;
        background-color: transparent !important;
        opacity: 1 !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
        color: #D6D6D6 !important;
    }
    span.swiper-pagination-bullet.swiper-pagination-bullet-active:before{
        font-weight: bolder !important;
        color: #31C3E4 !important;
    }
    .swiper-pagination span::before {
        opacity: 1 !important;
        color: #96979E !important;
      counter-increment: span;
      content: counter(span);
      font-weight: 500;
      font-size: 16px;
    }
    ._dots_{
        display: flex;
        justify-content: center;
        list-style: none;
    }
    ._dots_ li{margin:0 10px;}
    ._dots_ a{
        display: block;
        background-color: #D6D6D6;
        width: 12px;
        height: 12px;
        border-radius: 100px;
    }
    ._dots_ a.active{
        background-color: #96979E !important
    }
    body h1.test{font-weight: bold}
    body h1.final {
        line-height: 1.2;
        font-weight: bold !important;
        font-size: 34px !important;
    }

    .flex_s{display: block !important}
    .anchordown {
        bottom: -100px !important;
    }
    .mb-xs-80{margin-bottom: 80px !important}
    body h2.big {
        font-size: 25px !important;
    }
    .swiper-full-screen.swiper-container.height-100.width-100.black-move.swiper-container-horizontal.swiper-container-ios,
    .container.position-relative.full-screen>div {
        padding: 60px 0 0 0 !important;
    }

    .full_13 p{
        font-size: 16px !important
    }
    body .mobile-height .full-screen, .swiper-full-screen .full-screen {
        height: auto !important;
        min-height: 480px !important;
    }
    body .swiper-full-screen .swiper-pagination {
        bottom: auto !important;
        position: absolute !important;
        margin-top: 30px !important;
        top:0;
    }

    .mobile-on,
    .cus-displaynone.mobile-on {
        display: block !important;
    }
    .bottom-nav.style2 li {
        width: 24%;
        display: inline-block;
        text-align: center;
        position: relative;
    }
    .bottom-nav.style2 li a {
        display: block;
        width: 100%;
        padding: 20px 0;
    }
    .bottom-nav.style2.in li i {
        font-size: 18px;
        line-height: 1;
        left: auto;
        bottom: auto;
        position: inherit;
        margin-bottom: 0px;
    }
    .bottom-nav.style2.in li span {
        font-size: 9px;
        opacity: 1;
        line-height: 1;
        width: 100%;
        text-align: center !important;
        height: 10px !important;
        position: inherit;
        margin-top: 7px;
    }
    .run_odometer#sec3:not(.homeloaded){padding-top: 0 !important}
    .plus {
        position: relative !important;
        margin-bottom: 20px !important;
    }
    .height-100.pb-xs-0:not(.homeloaded){padding-bottom: 0 !important}
}